import React from 'react';
import { Image, Typography, Divider } from 'antd';

function AboutModal({ logo, t }) {
  return (
    <div className="about-content">
      <Image src={logo} style={{ width: '120px' }} />
      <Divider style={{ margin: '18px 0' }} />
      <Typography.Paragraph>
        {/* {t("Write something about this viewer...")} */}
        {
          '    本计算机程序受著作权和国际公约的保护，未经授权擅自复制或传播本程序的部分或全部，可能受到民事及刑事制裁，并将在法律许可的范围内受到起诉。'
        }
      </Typography.Paragraph>
      <Typography.Paragraph>{`${t('Version: ')}v2.0.3`}</Typography.Paragraph>
      <Typography.Paragraph>
        {`${t('Copyright: ')}©2020-2021`}
      </Typography.Paragraph>
    </div>
  );
}

export default AboutModal;
